extends ../template/base

block stylesheet
    link(type="text/css",rel="stylesheet",href="#{rootPath}/content/css/release.css")

block header
    include ../template/header
block left
    include ../template/left

block right
    #right
        .navigation
            .ui.breadcrumb
                .section 首页
                i.right.angle.icon.divider
                .section(onclick="window.location.href='http://localhost:3000/app/content'") 内容管理
                i.right.angle.icon.divider
                .active.section 内容创建
        #app_release
            .ui.form
                .field
                    label 栏目名称
                    select.ui.search.dropdown(v-model='form_data.ClassId',v-bind:disabled="itemId != ''")
                        option(v-for='item in module',:value='item.id') {{item.name}}
                .field
                    label 标题
                    input(type='text', placeholder='请输入标题', v-model.trim='form_data.Name')
                .field
                    label 简短描述
                    textarea(rows='2', placeholder='请输入描述', v-model.trim='form_data.Description')
                .field
                    label 关键字
                    input(type='text',@keyup.13="onEnter()" ,v-model.trim='keywords', placeholder='多个词，用逗号隔开，为广告时，此项不填写',
                    v-bind:disabled="form_data.Type == 2")
                    label(class="keywords" v-for="(item,index) in form_data.Keywords")
                        span {{item}}
                        i(class="remove icon", v-on:click="form_data.Keywords.splice(index,1)")
                .field
                    label 来源/作者
                    input(type='text', v-model='form_data.Source', placeholder='可以不填写')
                .field
                    .ui.radio.checkbox
                        input(type='radio', value='1', v-model.number='form_data.Type')
                        label 网站内容
                    .ui.radio.checkbox
                        input(type='radio', value='2', v-model.number='form_data.Type')
                        label 广告
                .field
                    label 内容
                    textarea(v-model.trim='form_data.content', placeholder='请输入内容')
                .field
                    label APP中目录显示样式
                    .app_style_1
                        .ui.radio.checkbox
                            input(type='radio', value='1', v-model.number='form_data.Style')
                            label app样式一
                        .style_content
                            div 标题
                            div 简短描述性内容
                            div 来源/作者
                            div 跟帖数量
                    .app_style_2
                        .ui.radio.checkbox
                            input(type='radio', value='2', v-model.number='form_data.Style')
                            label app样式二
                        .style_content
                            div 图片
                            div 标题
                            div 来源/作者
                            div 跟帖数量
                    .app_style_3
                        .ui.radio.checkbox
                            input(type='radio', value='3', v-model.number='form_data.Style')
                            label app样式三
                        .style_content
                            div 标题
                            div 图片
                            div 来源/作者
                            div 跟帖数量
                    .app_style_4
                        .ui.radio.checkbox
                            input(type='radio', value='4', v-model.number='form_data.Style')
                            label app样式四
                        .style_content
                            div 标题
                            div 图片1
                            div 图片2
                            div 图片3
                            div 来源/作者
                            div 跟帖数量
                .upload_img_ground(v-if="form_data.Type == 1 ? form_data.Style != 1 : true")
                    .img_address.first(v-if="form_data.Type == 2 ? (form_data.Style == 1 || form_data.Style == 2 ) : form_data.Style != 1 " )
                        label 图片地址一
                        .thumb_img
                            img(v-bind:src='imgUrl(form_data.PhotoUrl[0])',@error="imgError('0')")
                            span {{form_data.PhotoUrl[0] == ""? "无图片":form_data.PhotoUrl[0]}}
                            i.remove.circle.outline.icon(v-show="form_data.PhotoUrl[0] != ''",v-on:click="clear('upload_img_1')")
                        .upload_input
                            .ui.buttons
                                button.ui.twitter.button(v-on:click="img_select('upload_img_1')")
                                    i.upload.icon
                                    | 选择图片
                                .or(data-text='ou')
                                button.ui.blue.button(v-on:click="img_upload('upload_img_1')") 上传
                            input#upload_img_1.hidden(type='file', v-on:change='img_change($event)', name='upload_img_1')
                    .img_address.second(v-if="form_data.Type == '2'? false : form_data.Style == 4")
                        label 图片地址二
                        .thumb_img
                            img(v-bind:src='imgUrl(form_data.PhotoUrl[1])',@error="imgError('1')")
                            span {{form_data.PhotoUrl[1] == ""? "无图片":form_data.PhotoUrl[1]}}
                            i.remove.circle.outline.icon(v-if="form_data.PhotoUrl[1] != ''",v-on:click="clear('upload_img_2')")
                        .upload_input
                            .ui.buttons
                                button.ui.twitter.button(v-on:click="img_select('upload_img_2')")
                                    i.upload.icon
                                    | 选择图片
                                .or(data-text='ou')
                                button.ui.blue.button(v-on:click="img_upload('upload_img_2')") 上传
                            input#upload_img_2.hidden(type='file', v-on:change='img_change($event)', name='upload_img_2')
                    .img_address.third(v-if="form_data.Type == '2' ? false : form_data.Style == 4 ")
                        label 图片地址三
                        .thumb_img
                            img(v-bind:src='imgUrl(form_data.PhotoUrl[2])',@error="imgError('2')")
                            span {{form_data.PhotoUrl[2] == ""? "无图片":form_data.PhotoUrl[2]}}
                            i.remove.circle.outline.icon(v-if="form_data.PhotoUrl[2] != ''",v-on:click="clear('upload_img_3')")
                        .upload_input
                            .ui.buttons
                                button.ui.twitter.button(v-on:click="img_select('upload_img_3')")
                                    i.upload.icon
                                    | 选择图片
                                .or(data-text='ou')
                                button.ui.blue.button(v-on:click="img_upload('upload_img_3')") 上传
                            input#upload_img_3.hidden(type='file', v-on:change='img_change($event)', name='upload_img_3')
                .inline.field
                    .ui.slider.checkbox
                        input(type='checkbox',v-bind:disabled="itemId != ''" ,v-model='check')
                        label 保存时发布内容
                button.fluid.linkedin.ui.button(v-on:click='save') 保存

block javascript
    script(type='text/javascript',src='#{rootPath}/common/lib/ajaxfileupload.js')
    script(type='text/javascript',src='#{rootPath}/content/js/release.js')

